<template>
  <div class="page order-result">
    <div class="scroll-view">
      <customHeader
        middleTitle="退款结果"
        rightTitle="完成"
        :noLeft="noLeft"
        @rightCallBack="handleBack"
      />
      <div class="page-body">
        <div class="head">
          <i class="zhk-order_sc success"></i>
          <p class="title">退款受理成功</p>
          <p class="money">
            申请退款金额
            <b v-if="param.refundMoney">¥{{param.refundMoney}}</b>
          </p>
          <ul>
            <li>
              <span>退款方式</span>
              <div v-if="param.payType ==1">现金</div>
              <div v-else-if="param.payType == 2">支付宝</div>
              <div v-else-if="param.payType == 3">会员卡</div>
              <div v-else-if="param.payType == 4">银联</div>
              <div v-else-if="param.payType == 5">微信</div>
              <div v-else-if="param.payType == 7">云闪付</div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import customHeader from "../../components/header/header";
export default {
  name: "refundSuccess",
  data() {
    return {
      param: {},
      noLeft: true,
      details:{},
    };
  },
  methods: {
    handleBack() {
      this.$router.go(-2);
    },
  },
  components: {
    customHeader
  },
  created() {
    this.param = this.$route.query;
  }
};
</script>
<style lang='scss' scoped>
@import "orderDetails";
</style>
